<template>
	<view>
		<!-- 头部 -->
		<uni-nav-bar fixed="true" statusBar="true" >
			<template slot="left">
				<navigator open-type="navigateBack">
					<view class="storeNar">
						<uni-icons type="arrowleft" size="30"></uni-icons>
						<text class="storeName">店铺印象</text>
					</view>
				</navigator>
			</template>
		</uni-nav-bar>
		<view class="padding30">
			<view class="flex storeImpStoreMsg">
				<navigator url="/pages/store/storeHomePage/storeHomePage" hover-class="none">
					<image src="../../../static/image/tj/1@2x.png" mode="aspectFill" class="storeImdpImg"></image>
				</navigator>
				<view>
					<view class="fontsize30 storeImpName">仔仔旗舰店</view>
					<view class="storeImpJianjie">6.18特惠邀约</view>
					<view class="storeImpFenshi">3.5万粉丝</view>
				</view>
			</view>
			<view class="">
				<view class="fontsize28 storImpBoxDpDetail">店铺详情</view>
				<image src="/static/image/tj/boybanner1.png" class="storeImStoreImg" mode=""></image>
			</view>
			<!-- 店铺评价 -->
			<view>
				<view class="fontsize30 storeImppjTitle">店铺好评率100.00%</view>
				<view>
					<view class="fontsize28 storeImpPj flex">
						<view class="storeImpressMsxfu">描述相符</view>
						<view class="storeImpJIndu"></view>
						<view class="storeImprPingFen">4.8</view>
						<view class="storeImpPingjiaFont">高于同行18.44%</view>
					</view>
					<view class="fontsize28 storeImpPj flex">
						<view class="storeImpressMsxfu">服务态度</view>
						<view class="storeImpJIndu"></view>
						<view class="storeImprPingFen">4.8</view>
						<view class="storeImpPingjiaFont">高于同行0.99%</view>
					</view>
					
					<view class="fontsize28 storeImpPj flex">
						<view class="storeImpressMsxfu">物流服务</view>
						<view class="storeImpJIndu"></view>
						<view class="storeImprPingFen">4.8</view>
						<view class="storeImpPingjiaFont">高于同行21.33%</view>
					</view>
				</view>
			</view>
			<!-- 店铺基本信息 -->
			<view class="fontsize30">
				<view class="basicMsgTitle">基本信息</view>
				<view class="flexjustify storeImbascMsgItem">
					<view>掌柜名</view>
					<view class="basicMsgHs">仔仔旗舰店</view>
				</view>
				<view class="flexjustify storeImbascMsgItem">
					<view>资质</view>
					<view class="basicMsgHs">优质</view>
				</view>
				<view class="flexjustify storeImbascMsgItem">
					<view>店铺名片</view>
					<uni-icons type="arrowright" color="#505050"></uni-icons>
				</view>
				<view class="flexjustify storeImbascMsgItem">
					<view>开店时间</view>
					<view class="basicMsgHs">2015.05.04</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.storeName{
	font-size:30rpx;
	display: inline-block;
	font-weight: bold;
	height:50rpx;
	line-height: 50rpx;
	position: absolute;
	top: 50%;
	transform: translateY(-90%);
}
.storeNar{
	width: 200%;
	height:80rpx;
	position: relative;
	width:500rpx;
	margin-top: 30rpx;
}
.storeImdpImg{
	width: 140rpx;
	height: 140rpx;
	border-radius: 50rpx;
	margin-right: 20rpx;
}
.storeImpJianjie{
	font-size: 25rpx;
	background-color: #1676FE;
	color: #FFFFFF;
	padding: 0 20rpx;
	display: inline-block;
}
.storeImpFenshi{
	font-size: 20rpx;
}
.storeImpName{
	font-weight: bold;
}
.storeImpStoreMsg{
	border-bottom: 6px solid #F8F8F8;
	padding: 50rpx 0;
}
.storeImStoreImg{
	width: 100%;
	box-sizing: border-box;
	height: 320rpx;
}
.storImpBoxDpDetail{
	margin: 30rpx 0 20rpx 0;
}
.storeImpJIndu{
	width:200rpx;
	margin: 30rpx;
	height: 15rpx;
	border-radius: 20rpx;
	background: linear-gradient(to right,#DE00FF,#E7158A);
	margin-bottom: 20rpx;
}
.storeImpPj{
	margin-bottom: 20rpx;
}
.storeImprPingFen{
	font-weight: bold;
	color: #F55418;
	margin-right: 25rpx;
	margin-top: 18rpx;
}
.storeImpPingjiaFont{
	font-size: 23rpx;
	color:#F55418 ;
	margin-top: 18rpx;
}
.storeImpressMsxfu{
	margin-top: 16rpx;
}
.storeImppjTitle{
	margin: 60rpx 0 20rpx 0;
	font-weight: bold;
	font-size: 32rpx;
}
.storeImbascMsgItem{
	font-size: 26rpx;
	margin-bottom: 30rpx;
}
.basicMsgTitle{
	color: #737373;
	padding:30rpx 0 30rpx 0;
	border-top: 5px solid #F8F8F8;
}
.basicMsgHs{
	color: #505050;
}
</style>
